const path = require('path')
const TerserWebpackPlugin = require('terser-webpack-plugin');
module.exports = {
    entry: './index',
    output: {
        filename: "js/[name].js",
        path: path.resolve(__dirname, 'dist'),
    },
    mode: 'development',
    //需要在生产环境下
    optimization: {
        splitChunks: {//提供公共代码
            chunks: 'all',
            // //下面部分 一般可以不写，有默认值
            minSize: 30 * 1024,//分割chunk最小要30kb才会分割
            maxSize: 0,//最大没有限制
            minChunks: 1,//要提取的chunk最少被引入1次
            maxAsyncRequests: 5,//按需加载时并行加载文件最大数量

        },
        /*解决a文件导致b文件的contenthash变化*/
        runtimeChunk: {//解决hash问题
            name: entrypoint => `runtime-${entrypoint.name}`
        },
        /*配置生产环境压缩 js/css*/
        minimizer: [new TerserWebpackPlugin(//生产模式下  处理js更好  
        )],
    }
}